<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jexcel.js"></script>
		<script src="jsuites.js"></script>
		<link rel="stylesheet" href="jsuites.css" type="text/css" />
		<link rel="stylesheet" href="jexcel.css" type="text/css" />
		<link rel="stylesheet" href="jexcel.theme.css" type="text/css" />
	</head>
	<body>
		<div id="spreadsheet"></div>
	</body>

	<script>
		var data = [
			['Jazz', 'Honda', '2019-02-12', '', true, '$ 2.000,00', '#777700'],
			['Civic', 'Honda', '2018-07-11', '', true, '$ 4.000,01', '#007777'],
		];

		jexcel(document.getElementById('spreadsheet'), {
			data: data,
			columns: [{
					type: 'text',
					title: 'Car',
					width: 120
				},
				{
					type: 'dropdown',
					title: 'Make',
					width: 200,
					source: ["Alfa Romeo", "Audi", "Bmw"]
				},
				{
					type: 'calendar',
					title: 'Available',
					width: 200
				},
				{
					type: 'image',
					title: 'Photo',
					width: 120
				},
				{
					type: 'checkbox',
					title: 'Stock',
					width: 80
				},
				{
					type: 'numeric',
					title: 'Price',
					width: 100,
					mask: '$ #.##,00',
					decimal: ','
				},
				{
					type: 'color',
					width: 100,
					render: 'square',
				}
			],
			text: {
				"noRecordsFound": "未找到",
				"showingPage": "显示 {1} 条中的第 {0} 条",
				"show": "显示 ",
				"search": "搜索",
				"entries": " 条目",
				"columnName": "列标题",
				"insertANewColumnBefore": "在此前插入列",
				"insertANewColumnAfter": "在此后插入列",
				"deleteSelectedColumns": "删除选定列",
				"renameThisColumn": "重命名列",
				"orderAscending": "升序",
				"orderDescending": "降序",
				"insertANewRowBefore": "在此前插入行",
				"insertANewRowAfter": "在此后插入行",
				"deleteSelectedRows": "删除选定行",
				"editComments": "编辑批注",
				"addComments": "插入批注",
				"comments": "批注",
				"clearComments": "删除批注",
				"copy": "复制...",
				"paste": "粘贴...",
				"saveAs": "保存为...",
				"about": "关于",
				"areYouSureToDeleteTheSelectedRows": "确定删除选定行?",
				"areYouSureToDeleteTheSelectedColumns": "确定删除选定列?",
				"thisActionWillDestroyAnyExistingMergedCellsAreYouSure": "这一操作会破坏所有现存的合并单元格，确认操作？",
				"thisActionWillClearYourSearchResultsAreYouSure": "这一操作会清空搜索结果，确认操作？",
				"thereIsAConflictWithAnotherMergedCell": "与其他合并单元格有冲突",
				"invalidMergeProperties": "无效的合并属性",
				"cellAlreadyMerged": "单元格已合并",
				"noCellsSelected": "未选定单元格"
			}
		});
	</script>
</html>
